<template>
  <div class='recommend-mv'>
      <Title title='推荐MV' @handleClick='handleClick'></Title>
      <MvItem :lists='lists' :mv='true'>
      </MvItem>
  </div>
</template>

<script>
import axios from "@/utils/axios";
import MvItem from "./common/MvItem";
import Title from './Title'
export default {
  name: "RecommendMv",
  data() {
      return {
          lists: []
      }
  },
  components: {
      MvItem,
      Title
  },
  methods: {
      handleClick(title) {
          if (title === '推荐MV') {
              this.$router.push({name: 'moveMv'})
          }
          this.$bus.$emit('changeMenu', [{word: 'MV', name: 'moveMv'}])
      }
  },
  created() {
      axios.get('/personalized/mv').then(res => {
          console.log(res);
          this.lists = res.result.slice(0, 3);
      })
  }
};
</script>

<style lang="scss" scoped>
</style>